<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<form action="customer-review.html" name="ksr-customer-review-form" class="form ${param.mode}" method="post" user-login="${not empty customer}">
      	<div class="customer-review-form ">
	  		<input type="hidden" value="${office.id }" name="office_id"  id="office_id"/>
	  		<input type="hidden" value="${review.id }" name="id"  id="review_id"/>
	  		<input type="hidden" value="${param.redirect }" name="redirect"  id="redirect"/>
	  		<div class="input-item font-16 full-width margin-vertical">
	  			<div class="errContainer  errorMsg">
					<label for="rating" class="error"></label>
				</div>	
	  			<div class="full-width table-disp">
	  				<label for="rating" class="label table-cell text-left">Rating:</label>
		  			<div class="table-cell">
		  				<span class="rating">
				          <span class="star" rating="100"></span>
				          <span class="star" rating="80"></span>
				          <span class="star" rating="60"></span>
				          <span class="star" rating="40"></span>
				          <span class="star" rating="20"></span>
				        </span>	
		  				<input type="hidden" value="" name="rating"  id="rating" class="required"/>
		  			</div>
	  			</div>
	  		</div>			  		

	  		<div class="input-item font-16 full-width margin-vertical">
	  			<div class="errContainer  errorMsg">
					<label for="title" class="error"></label>
				</div>	
	  			<div class="full-width table-disp">
	  				<label for="title" class="label table-cell text-left">Title:</label>
		  			<div class="table-cell">
		  				<input type="text" value="" name="title" id="title" class="text-field required full-width font-16 form-control" placeholder="Review Title"/>
		  			</div>
	  			</div>
	  		</div>			  		
				  		
	  		<div class="input-item font-16 full-width">
	  			<div class="errContainer  errorMsg">
					<label for="content" class="error"></label>
				</div>	
	  			<div class="full-width table-disp">
	  				<label for="content" class="label table-cell text-left">Comment:</label>
		  			<div class="table-cell">
					  	<textarea name="content" class="text-field full-width font-16 required form-control" placeholder="Your Review" maxlength="254"></textarea>
		  			</div>
	  			</div>
	  		</div>
       	</div>
        <div class="margin-top-dbl full-width text-center">
        		<c:choose>
					<c:when test="${not empty customer}">
				          <button type="submit" class="btn btn-primary">Submit</button>
					</c:when>
					<c:otherwise>
				          <button type="submit" class="btn btn-primary">Login and Submit</button>
					</c:otherwise>
				</c:choose>
          <button type="button" class="btn btn-default">Cancel</button>
        </div>
	</form>
